<template>
  <div class="subject-pop" style="z-index: 10;" v-if="prize.id > 0">
    <div class="subject-pop-mask"></div>
    <div class="subject-pop-box">
      <h3>恭喜您</h3>
      <p>
        <img :src="prize.img" alt />
      </p>
      <h4>
        获得
        <span></span>
        <span>{{ prize.name }}</span>
      </h4>
      <div class="subject-pop-footer">
        <a
          href="javascript:;"
          rel="external nofollow"
          class="november-btn1"
          @click="closeLotteryEmit"
          >知道了</a
        >
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    prize: {
      type: Object,
      default: () => {
        return {
          id: 0
        };
      }
    }
  },
  methods: {
    closeLotteryEmit() {
      this.$emit("closeLotteryPop");
    }
  }
};
</script>
